<!DOCTYPE html>
<html lang="en">

<head>
  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />
  <link href="https://cdn.bootcdn.net/ajax/libs/layer/3.5.1/mobile/need/layer.css" rel="stylesheet" />
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    body {
      overflow: hidden;
    }

    .btn-1 {
      width: 70%;
      height: 45px;
      border-radius: 10px;
      border: 1px solid #fff;
      background-color: rgb(247, 247, 247);

    }

    .btn-2 {
      width: 100px;
      height: 39px;
      background-color: #2ad181;
      ;
      color: #fff;
      opacity: 0.3;
      margin-left: 38%;
      border-radius: 10px;
      border: 1px solid #fff;
    }

    .btn-2:hover {
      opacity: 1;
      cursor: pointer;
    }

    .btn-3 {
      width: 28%;
      height: 45px;
      border-radius: 10px;
      border: 1px solid #fff;
      background-color: rgb(201, 199, 199);
      color: #fff;
    }

    .btn-3:hover {
      background-color: #2ad181;
      cursor: pointer;
    }


    .spa {
      color: #2ad181;
      font-size: 12px;
    }

    .spa:hover {
      color: #0bf383;
      cursor: pointer;
    }

    hr {
      margin: 5px auto;
      opacity: 0.3;
    }

    li {
      margin-left: 20px;
    }

    ul {
      overflow-y: scroll;
    }
  </style>
</head>

<body>
  <div class="row">
    <div class="col-md-8"></div>
    <div id="bang" style="margin-top: 30px;font-size: 16px;color: #929292;" class="col-md-1">帮助中心</div>
    <div style="margin-top: 23px;margin-left: -50px;" class="col-md-1">
      <div class="dropdown">
        <button id="jian" style="border: 1px solid #fff;font-size: 16px;color: #929292;"
          class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"
          aria-haspopup="true" aria-expanded="true">
          简体中文
          <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
          <li><a style="color: #929292;font-size: 16px" ; href="#">简体中文</a></li>
          <li><a style="color: #929292;font-size: 16px" href="#">繁体中文</a></li>
          <li><a style="color: #929292;font-size: 16px" href="#">English</a></li>
        </ul>
      </div>
    </div>
    <div class="col-md-2"></div>
  </div>
  <br> <br> <br><br>
  <h3 style="text-align: center; ">注册账号</h3><br>
  <div style="width: 400px;
  height: 380px; margin-left: 500px;margin-left: 560px;">
    <div id="jia" class="dropdown">
      <button id="jian" style="border: 1px solid #fff;border-radius: 10px;width: 100%;text-align: left;height: 45px;font-size: 16px;
      background-color: rgb(247, 247, 247);" class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1"
        data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
        国家地区|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 　　 中国
        <span class="caret"></span>
      </button>
      <ul style="width:400px;height: 300px;font-size: 16px;text-align: left;" class="dropdown-menu"
        aria-labelledby="dropdownMenu1">
        <span style="width: 5%;height: 35px;" class="glyphicon glyphicon-search" aria-hidden="true"></span>
        <input type="text" placeholder="输入搜索地区" style="width: 90%;
        height: 35px;border: 1px solid #fff;">
        <li>A</li>
        <hr>
        <li>阿根廷</li>
        <hr>
        <li>埃塞俄比亚</li>
        <hr>
        <li>安提瓜和巴布达</li>
        <hr>
        <li>奥地利</li>
        <hr>
        <li>安圭拉岛</li>
        <hr>
        <li>阿尔及利亚</li>
        <hr>
        <li></li>
        <hr>

      </ul>
    </div>
    <h6 style="color: #cacaca;">成功注册帐号后，国家/地区将不可更改</h6>
    <input id="shouji"
      style="width: 100%;height: 45px;border-radius: 10px; border: 1px solid #fff;background-color: rgb(247, 247, 247);"
      type="text" placeholder="请输入手机号"><br><br>
    <input id="tex" class="btn-1" type="text" placeholder="请输入验证码">
    <button id="yan" class="btn-3">获取验证码</button>
    <br><br>
    <input
      style="width: 100%;height: 45px;border-radius: 10px; border: 1px solid #fff;background-color: rgb(247, 247, 247);"
      type="text" placeholder="请输密码">
    <h6 style="color: #cacaca;">密码由 6-16 位数字、字母或符号组成、至少包含两种字符</h6>
    <input id="box" type="checkbox"> 　<span>已阅读并同意</span>
    <span class="spa">《帐号使用协议》</span><span>&</span>
    <span class="spa">《隐私政策》</span><br><br>
    <button id="btn" class="btn-2">注册</button>
  </div>
  <h6 style="text-align: center;color: rgb(204, 202, 202);">© 2005 - 2021 广东欢太 版权所有 粤ICP备 14056724 号-2 联系方式：4001-999-666
  </h6>



  <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/layer/3.5.1/layer.js"></script>
  <script src="../js/注册.js"></script>
</body>

</html>